<template>
    <div class="goal">
      <div class="primary-head">公开课模版推荐</div>
      <div class="primary-2">
        <div v-for="item in imgArr1" :key="item.id">
          <Template :imgUrl="item.imgPath" :title="item.title" :id="item.id" :arr="promptArr"></Template>
        </div>
      </div>
      <div class="primary-head">预习课模版推荐</div>
      <div class="primary">
        <div v-for="item in imgArr2" :key="item.id">
          <Template :imgUrl="item.imgPath" :title="item.title" :id="item.id" :arr="promptArr"></Template>
        </div>
      </div>
      <div class="primary-head">升学考试复习课模版推荐</div>
      <div class="primary">
        <div v-for="item in imgArr3" :key="item.id">
          <Template :imgUrl="item.imgPath" :title="item.title" :id="item.id" :arr="promptArr"></Template>
        </div>
      </div>
      <div class="primary-head">复习课模版推荐</div>
      <div class="primary-2">
        <div v-for="item in imgArr4" :key="item.id">
          <Template :imgUrl="item.imgPath" :title="item.title" :id="item.id" :arr="promptArr"></Template>
        </div>
      </div>
    </div>
</template>

<script setup lang="ts">
import Template from '@/views/design-template/component/index.vue'
import { imgArr1,imgArr2,imgArr3,imgArr4 } from '@/views/design-template/goal/components/imgData'
import { promptArr } from './components/promptsArr';
</script>

<style scoped lang="less">
@import url('@/views/design-template/goal/goal.less');
</style>